import React, { Component } from 'react'
import { NavLink } from 'react-router-dom'
import './style.less'

class Footer extends Component {
  render() {
    return (
      <section className='footer-container'>
        <NavLink className='guide-item' to='/index'>
          <div className='icon-1'></div>
          <span className='guide-text'>首页</span>
        </NavLink>
        <NavLink className='guide-item' to='/exchange'>
          <div className='icon-2'></div>
          <span className='guide-text'>行情</span>
        </NavLink>
        <NavLink className='guide-item' to='/coin'>
          <div className='icon-3'></div>
          <span className='guide-text'>币币</span>
        </NavLink>
        <NavLink className='guide-item' to='/assets'>
          <div className='icon-4'></div>
          <span className='guide-text'>资产</span>
        </NavLink>
      </section>
    )
  }
}

export default Footer